@media screen and (min-width:800px) and (max-width: 10000px) {
 #b_page{
  width:1240px;
  position: relative;
  height:100%;
  background:#f2f2f2;
}
#page{
  width: 900px;
  height:100%;
  background:white;
  .error_view{
    font-size:26px;
    padding-top: 100px;
    text-align:center;
  }
  .title{
    text-align: center;
    line-height:52px;
    font-size:26px;

  }
  .mem{
    display:block;
    text-align: center;
    line-height:30px;
    font-size:16px;
    margin-left: 50%;
  }
  #exceptional{
    width:100%;
    text-align:center;
    color: #B8B8B8;
    background:white;
     margin-top:-10px;
     label{
      display:block;
     }
     img{
      width:100px;
     }
  }
   #html_cont{
    background:white;
    padding: 0px 15px;
  }
}
#recommend{
  width:330px;
  position:absolute;
  right: 0px;
  top:0px;
  background:white;
  height: 100%;
}

}
@media screen and (min-width:0px) and (max-width: 800px) {
 #b_page{
  width:100%;
  height:100%;
  position: relative;
  margin-top:0px;
  background:#f2f2f2;
}
#page{
  width: 100%;
  height:100%;
  background:white;
  .error_view{
    font-size:26px;
    padding-top: 100px;
    text-align:center;
    height:100%;
  }
  .title{
    text-align: center;
    line-height:52px;
    font-size:26px;

  }
  .mem{
    display:block;
    text-align: center;
    line-height:30px;
    font-size:16px;
    margin-left: 50%;
  }
  #exceptional{
     width:100%;
    text-align:center;
    color: #B8B8B8;
    background:white;
     margin-top:-10px;
     label{
      display:block;
     }
     img{
      width:100px;
     }
  }
  #html_cont{
    background:white;
     padding: 0px 15px;
  }
}
#recommend{
  width:330px;
  display: none;
  position:absolute;
  right: 0px;
  top:0px;
  background:white;
  height: 100%;
}
}


